﻿/***指定编码*/
@charset "utf-8";

/***自定义字体*/
@font-face {
	font-family: Danley;
	src: url('../font/Danley.ttf');
}
 
/*** 默认样式重写 */
/*输入框字体颜色*/
body, select, input, textarea {
    color: #323232;
}

/*Body设置。解决电脑设置保护色，网页空白处默认淡绿色问题*/
body{ 
 	color:#333; 
	font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif; 
	line-height:22px; 
	font-size:14px; 
	background:#fff; 
	overflow-x: hidden;
}
html{
	zoom:1;
}
html *{
	outline:0;
	zoom:1;
}
 /* 解决固定层在IE6下闪的问题 */
*html{ 
	background-image:url(about:blank); 
	background-attachment:fixed;
}

/*全局相关重写*/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,blockquote,th,td{
	margin:0;
	padding:0;
}
span{
	_background-color:#FFF !important;
}
/*A标签*/
a{
	outline:none;
	text-decoration:none;
	color:#1570A6;
	cursor:pointer;
} 
a:hover{
	text-decoration:underline;
	color:#24459a;
}
/*外部链接*/
 a[rel=external]{
	background-color:#E8EFFB;
	padding:0 12px 0 0;
}


/*P标签*/
p{
	margin:0 0 10px 0;
}

/*删除A内Img的边框,使统一*/
a img{
	border:0;
}

/*特殊标签*/
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:normal;
}

/*表格标题*/
caption,th{
	text-align:left;
}

/*h标签*/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{
	color:#999; 
	font-size:80%;
}
h1{
	*margin:25px 0; 
	font-size:26px; 
	line-height:1em;
}
h1 small{
	font-size:20px;
}
h2{
	font-size:20px;
}


/*hr标签*/
hr{
	border:none;
	clear:both;
	height:0;
	background:none;
	padding:0;
	border-bottom:#eee solid 1px;
	margin:10px 0;
}

/*br标签*/
br{
	display:inline;
	line-height:22px;
}

/*img标签*/
img{
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/*引用标签*/
blockquote {
	border-left: 5px solid #EEEEEE;
	margin: 10px;
	padding: 10px;
}


/*ul_ol标签*/
ul{
	margin-left:20px;
}
/*ul_ol无标识*/
ul.unstyled, ol.unstyled{
	list-style:none;
}
/*ul空心圆标识*/
ul.circle{
	list-style-type:circle;
}
/*ul实心方块标识*/
ul.square{
	list-style-type:square;
	}
/*ul表意数字标识*/
ul.cjk{
	list-style-type:cjk-ideographic;
}

/*插入flash占位默认灰色*/
object{ 
	background:gray;
	display:block;
}

/*预格式化文本*/
code, pre { 
	border-radius: 3px 3px 3px 3px;
	color: #333333;
	font-family: Menlo,Monaco,"Courier New",monospace;
	font-size: 12px;
	padding: 0 3px 2px;
}

/*单行代码*/
code {
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	color: #0088CC;
	height:22px;
	line-height:22px;
	padding: 2px 4px;
	display: inline-block;
	vertical-align:middle;
}

/*长段代码*/
pre{
	font-family:consolas,"Courier New",courier,monospace;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	border-radius: 4px 4px 4px 4px;
	display: block;
	font-size: 12.025px;
	line-height: 18px;
	margin: 0 0 9px;
	padding: 8.5px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

/*代码行*/
pre ol{
	margin: 0 0 0 14px;
	list-style:none;
}

/*无格式长段代码*/
pre.unstyled{
	background:none; 
	color:#333; 
	border:none;
}

/*abbr缩写标签,由于IE6BUG,对IE6无效*/
abbr{
	background: none repeat scroll 0 0 whiteSmoke;
    border-bottom: medium none;
    border-left: 0.25em solid #3387C4;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 0.25em;
	cursor:help;
}
abbr:hover{
	background:#f9d949;
}

/**兼容废弃标签解决方案*/
em{ 
	font-style:italic !important;
}
strike{ 
	text-decoration:line-through !important;
}
strong{
	font-weight:bold !important;
}
u{ 
	text-decoration:underline !important;
}


/**表单样式*/
input{
	border:1px #ccc solid;
	margin:1px;
	padding:1px;
	display:inline-block;
	vertical-align:middle;
}
input[type=text]{
	height:22px;
	line-height:22px;
}
/*button美化*/
button, input[type=button], input[type=reset], input[type=submit]{
	padding: 0px 6px !important;
	text-align: center;
	vertical-align:middle;
	cursor:pointer;
	height:24px !important;
	min-width:60px; 
	line-height:11px;
  	overflow:hidden; 
	display: inline-block;
	*margin:0 6px;
}

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color:#666;
}


label input{
	width:14px;
	height:14px;
	border:0;
}
input:hover{}
form{}

textarea{
	background:#fff; 
	border: 1px solid #ccc; 
	box-shadow: 0 1px 1px #ccc inset; 
	font-size: 14px;  
	line-height: 100%; 
	display:inline-block; 
	margin: 0; 
	outline: medium none; 
	padding:4px; 
	margin:1px;
	min-width:180px;
}
input:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
fieldset{ 
	padding:20px; 
	border:#ccc solid 1px;
}
legend{
	font-size:14px;
	font-weight:normal;
}
label{
	font-size:14px; 
	margin:10px 0 0 0; 
}

/*** 通用效果 */
/* 清除浮动*/
.clear{
	clear:both;
}
/*字体加粗*/
.strong{
	font-weight: bold;
}
/*左浮动*/
.left{
	float: left;
}
/*右浮动*/
.right{
	float: right;
}
/*居中*/
.center{
	margin:0 auto;
	text-align:center;
}
/*显示*/
.show{
	display:block;
	visibility:visible;
}
/*隐藏*/
.hide{
	display: none !important;
}
/*块显示*/
.block{ 
	display:block;
}
/*内联显示*/
.inline{
	display:inline;
}
/*透明*/
.transparent{
	filter:alpha(opacity=50); 
	-moz-opacity:0.5;
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}
/*长词换行*/
.break{
	word-wrap:break-word;
	overflow:hidden;
}
/*相对定位*/
.relative {
	position: relative;
}
/*下划线*/
.underline{
	text-decoration:underline;
}
/*下虚线*/
.dashedline{
	border-bottom:dashed 1px #666;
}
/*列表虚线*/
ol.dashedline{
	border:none;
}
ol.dashedline li{ 
	border-bottom:dashed 1px #666;
	padding:5px;
}
/*高亮蓝底白字*/
.highlight {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    padding: 0 5px;
}
/*超出省略号显示*/
.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	width:80px;
	overflow:hidden;
}
/*常用字体颜色,修复IE6BUG*/
.pink { 
	color:#ff00ff;
	_color:#ff00ff !important;
} 
.blue{ 
	color:#0000ff;
	_color:#0000ff !important;
} 
.deepblue{ 
	color:#000099;
	_color:#000099 !important;
}
.gray{ 
	color:#999999;
	_color:#999999 !important;
}
.red{ 
	color:#ff0000;
	_color:#ff0000 !important;
}
.black{
	color:#000;
	_color:#000 !important;
}
.white{ 
	color:white;
}
.green{
	color:green;
	_color:green !important;
}

/* 底色渐变 */
.gradient{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #dedede));
	background: -moz-linear-gradient(top, #ffffff, #dedede);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);
}

/*圆角,IE低版本使用JS实现*/	
.radius
{	
	border:#ddd solid 1px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius : 5px;
	border-radius: 5px;
}
.text.radius{ 
	border-radius: 15px;
}

/* 固定不动(相对浏览器决定定位) */
.fixed{
	clip:rect(0 100% 100% 0);
	position:fixed;
	_position:absolute;
}
/*左上*/
.mu-lefttop{
	left:0px;
	top:0px;
	_top:expression(eval(document.documentElement.scrollTop||document.body.scrollTop));
}
/*右上*/
.mu-righttop{
	right:0px;
	top:0px;
	_top:expression(eval(document.documentElement.scrollTop||document.body.scrollTop));
}
/*左下*/
.mu-leftbottom {
	left:0px;
	bottom:0px;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
}
/*右下*/
.mu-rightbottom{
	right:0px;
	bottom:0px;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
}
/*指定位置*/
.mu-fixedplace{
	left:200px;
	top:200px;
	_left:expression(eval(document.documentElement.scrollLeft+200));
	_top:expression(eval((document.documentElement.scrollTop||document.body.scrollTop)+200));
}

/*首字母大写(ie6BUG,花括号前必须有一个空格)*/
.mu-firstbig:first-letter { font-size:200%;}



/***按钮/IE6问题依旧*/
html .button{
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	line-height:100%;
	padding: 0.5em 1em 0.55em;
	border:none;
	border-radius: 2px;
	color: #ffffff;
	background: #A7A9AA;
}
.button:hover {
	text-decoration: none;
	background: #9a9c9d;
}
.button:active {
	position: relative; 
	top: 1px;
	color: #999;
}

/*圆角*/
.button.bigrounded { 
	-webkit-border-radius: 2em; 
	-moz-border-radius: 2em; 
	border-radius: 2em; 
}
/*中号*/
.button.medium { 
	font-size: 12px; 
	padding: .4em 1.5em .42em; 
}
/*小号*/
.button.small { 
	font-size: 11px; 
	padding: .2em 1em .275em; 
}
/* black */
.button.black {
	color: #d7d7d7 !important; 
	background: #333 !important; 
}
.button.black:hover {
	background: #000 !important;
}
.button.black:active {
	color: #666 !important;
}

/* gray */
.button.gray { 
	color: #e9e9e9 !important; 
	background: #6e6e6e !important; 
}
.button.gray:hover { 
	background: #616161 !important; 
}
.button.gray:active { 
	color: #afafaf !important; 
} 

/* orange */
.button.orange { 
	color: #fef4e9 !important; 
	background: #f78d1d !important;
}
.button.orange:hover { 
	background: #f47c20 !important; 
} 
.button.orange:active { 
	color: #fcd3a5 !important; 
}

/* red */
.button.red { 
	color: #faddde !important; 
	background: #d81b21 !important; 
}
.button.red:hover {
	background: #b61318 !important; 
}
.button.red:active { 
	color: #de898c !important;
}

/* blue */
.button.blue { 
	color: #d9eef7 !important; 
	background: #00CCFF !important; 
} 
.button.blue:hover { 
	background: #007ead !important;
}
.button.blue:active { 
	color: #80bed6 !important;
}

/* rosy */
.button.rosy { 
	color: #fae7e9 !important; 
	background: #da5867 !important;
}
.button.rosy:hover { 
	background: #ba4b58 !important; 
}
.button.rosy:active { 
	color: #dca4ab !important;
}

/* green */
.button.green { 
	color: #e8f0de !important; 
	background: #64991e !important; 
} 
.button.green:hover { 
	background: #538018 !important; 
} 
.button.green:active { 
	color: #a9c08c !important; 
}

/* pink */
.button.pink { 
	color: #feeef5 !important; 
	background: #f895c2 !important; 
}
.button.pink:hover { 
	background: #d57ea5 !important; 
}
.button.pink:active { 
	color: #f3c3d9 !important; 
}

/* 黄色 */
.button.yellow { 
	color: #fff !important; 
	background: #BB6512 !important; 
} 
.button.yellow:hover { 
	background: #fd9c2c !important; 
} 
.button.yellow:active { 
	color: #fff !important; 
}

.button.unstyled{ 
	background:none;
 	border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px 2px 2px 2px;
}
a:hover.button.unstyled{ 
	background:border: 1px solid rgba(255, 255, 255, 0.1);
}

/***表格*/
table { 
	background-color: transparent; 
	_background:none !important; 
	border-collapse:collapse !important;
	border-spacing: 0; 
	max-width: 100%;
	font-size:13px;  
	margin-bottom: 20px; 
	width: 100%; 
	border-bottom: 1px solid #DDDDDD;
}
/*选中行列*/
table tr.selected, table td.selected, table th.selected{ 
	background:#F9F9F9; 
}
table th, table td { 
	border-top: 1px solid #DDDDDD; 
	line-height: 20px; 
	padding: 4px 5px; 
	text-align: left; 
	vertical-align: top;
}
table th { 
	font-weight: bold; 
}
table thead th, table thead td { 
	vertical-align: bottom; 
	background:#DBEFF9; 
}
table.bordered { 
	-moz-border-bottom-colors: none; 
	-moz-border-left-colors: none; 
	-moz-border-right-colors: none; 
	-moz-border-top-colors: none; 
	border-collapse: separate; 
	border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; 
	border-image: none; 
	border-radius: 4px 4px 4px 4px; 
	border-style: none solid solid none; 
	border-width: 1px; 
	padding:0 !important; 
}
table.bordered th, table.bordered td {
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}


.table.bordered thead:first-child tr:first-child th:first-child, .table.bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}

.bordered{ 
	border: 1px solid #DDDDDD; 
	border-radius: 4px 4px 4px 4px; 
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 
	padding:5px; 
}
.bordered:hover{ 
	border-color:#bbb; 
}

/*斑马条纹IE早期版本使用JS实现*/
table.zebra tr:nth-child(odd){
}
table.zebra tr:nth-child(even){
	background:#F9F9F9;
}

/***布局*/
/*块*/
.wrapper{ 
	width:960px ;
	height:auto; 
	margin:0 auto; 
	padding: 0;
	background: #FFF; 
	clear:both;
	overflow:hidden; 
	margin-top:20px;
}

/*顶部导航*/
.topbar{
	background:#333; 
	height: 67px; 
	line-height: 67px; 
	text-align:center;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); 
	background: linear-gradient(to bottom, #485053 0%, #3B4447 100%) repeat scroll 0 0 transparent; 
	position:relative;
	overflow: hidden;
}
/*导航颜色*/
.topbar.blue{ 
	background:#488fce;
}
.topbar.yellow{
	background:#FB761B;
}
.topbar.red{ 
	background:#E9192A;
}
.topbar.unstyled{
	background:none;
}
.topbar.unstyled a{
	color:#333333 !important;
}
.topbar.unstyled a:hover, .topbar.unstyled a.selected{
	background:none !important;
}
/*跟随滚动顶部导航*/
.topbar.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	_position:absolute;
	_top: expression(documentElement.scrollTop + "px");
	z-index:999;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}
/*导航内块*/
.topbar .wrapper{
	overflow:visible; 
	margin-top:0;
	display:inline-block;
}
/*各模块A标签*/
.topbar .module a, .topbar .sub a, .topbar .logo a{ 
    color: #fff;
	font-size:14px;
	padding: 0px 20px;
	position: relative;
	white-space: nowrap;
	display:inline-block;
	_border-color:tomato;
	_filter:chroma(color=tomato);
}
/*各模块A标签hover*/
.topbar .module a:hover, .topbar .sub a:hover, .topbar .logo a:hover{
	background:#35393b;
	color:#c8cacb;
	text-decoration:none;
}
/*各模块A标签selected*/
.topbar .module a.selected, .topbar .sub a.selected{
	background: linear-gradient(135deg, #349EE0 0%, #0086DA 40%, #0086DA 100%) repeat scroll 0 0 transparent;
}
/*左部导航*/
.topbar .module{
	float: left;
	margin-right:10px;
}
/*导航搜索栏*/
.topbar .search{
	float:left;
	display:inline;
	_background:none;
	overflow:hidden;
	margin:21px 0 0 0;
	line-height:1em;
}
/*右部导航*/
.topbar .sub{
	float: right;
	height: 32px;
	margin-right: -5px;
}
/*右侧导航A标签hover*/
.topbar .sub a:hover{
}
/*导航LOGO*/
.topbar .logo{
	float:left; 
	display:inline; 
	margin:0 20px 0 0; 
}
/*导航LOGO的A标签*/
.topbar .logo a{
	font-size:20px;
}

/*二级菜单*/
.topbar .module ul{
	display:inline;
}
.topbar .module li{
	display:inline;
	float:left;
	position:relative;
}
.topbar .module li strong{
	display:inline;
	float:left;
	font-weight:normal !important;
}
.topbar .droper{
	display:none;
	position:absolute;
	left:0;
	top:78px;
	*top:68px;
	background:#F5F5F4;
	width:150px;
	padding:6px 12px;	
	border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 70px 0 rgba(0, 0, 0, 0.3);
	z-index:1000;
}
.topbar .droper:after{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(218, 225, 229, 0) rgba(218, 225, 229, 0) #F5F5F4;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    width: 0;
}
.topbar .droper a{
	background:none;
	display:block;
	float:none;
	font-size:13px;
	text-align:left;
	white-space:nowrap;/*设置不折行*/
	text-overflow:ellipsis;/*这就是省略号喽*/
	-o-text-overflow:ellipsis;/*兼容opera*/
	overflow:hidden;
	line-height:25px;
	color:#333;
	padding: 10px 18px 9px;  
	border-bottom: 1px dotted #A3A6A8;
}
.topbar .module .droper a:hover{
	background:#2d6ca5;
}
.topbar .module .selected .droper{
	display:block;
}
/**/
.topbar .caret{
	border:#333 solid 4px; border-top:#999 solid 4px; margin:25px 0 0 5px; content: ""; display: inline-block; height: 0; vertical-align: top; width: 0;
}
.topbar .selected .caret{
	border-top-color:#222; border-bottom-color:#999; margin-top:20px;
}
/*为移动设备设计的菜单展开按钮*/
.topbar .collapse{
	border-radius: 4px 4px 4px 4px; padding: 0px 12px; background:#444444; height:30px; line-height:30px; color:#fff; display:none; position:absolute; right:5px; top:5px;
}



/**重写样式*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 





.canvas { position: relative; }



























/*网站整体颜色总汇*/
.ff8600,ff86aa a{ color:#ff8600;}

/*网站整字体大小*/
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}




/*网站整布局命名规范*/
 

 







/* 网站外围阴影 */
.shardow{}

header , .header{
	margin: 0px auto 0px auto; height:auto; overflow:hidden; clear:both;
}
header h1, .header h1{
	font-size: 60px; line-height:60px; margin:0;
}
header h2, .header h2{
	font-size:20px; line-height:30px;
}
.header .search{
	margin:10px 0 0 0;
}
.header .search .text{
	padding:9px;
}
.header .search .button{
	padding:9px;
}

.navbar{ margin: 0px auto 0 auto; background-color: #2C2C2C; background-image: -moz-linear-gradient(center top , #fff, #EDF7FC); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); border-radius: 4px 4px 4px 4px;
}
.navbar a{ margin:0 10px 0 10px; padding:5px 5px; display:inline-block; border-radius: 3px 3px 3px 3px; color:#666; }
.navbar a.selected{ background:#EDF7FC; }
.navbar a:hover{ text-decoration:none; background:#F1F9FD; }
.navbar .divider{ margin:5px 2px; border-left:#5cadd8 solid 1px; border-right:#fff solid 1px; }


.phead{ border-bottom: 1px solid #EEEEEE; margin: 18px 0; padding-bottom: 17px; font-size:28px; line-height:1.2em; /*font-weight:bold;*/ padding-top:20px; clear:both; }
.phead small{ font-size: 18px; color:#999; margin-left:20px; font-weight:normal; }
.pbody{ }
.pfoot{ }


footer, .footer{
	display:block;/*新增的html5标签需要加入display:block,才能居中哦*/ padding:10px 0 10px 0; margin-top:20px;
}
.footer.black{
	background:#333; color:#fff;
}
footer a, .footer a{
}
footer .left, .footer .left{
	width:60%;
}
footer .right, .footer .right{
	width:40%; text-align:right;
}



.heading{ padding:80px 20px 80px 20px; background:/*#B94A48*/ #fcfcfc; line-height:1; text-align:center; /*margin-bottom:30px;*/  /*background:url(../imgs/headingbg.png) #2C6091 no-repeat center 0px; */


  /*background: url("../imgs/cloud.jpg") repeat-x scroll 0 bottom #049EC4;
  -webkit-animation: cloud 20s linear infinite;
  -moz-animation: cloud 20s linear infinite;
  -ms-animation: cloud 20s linear infinite;
  -o-animation: cloud 20s linear infinite;
  animation: cloud 20s linear infinite;*/


	}
	.heading.wave{
		animation: 20s linear 0s normal none infinite wave; background: url("../imgs/wave.png") repeat-x scroll 0 bottom #049EC4;
	}
	.heading.unstyled{ background:none; color:#333; border-bottom:#eee solid 1px;}
	
.heading .wrapper{ left:auto; margin-left:auto; }
.heading h1{ font-size:80px; margin:0 20px; font-weight:bold; }
.heading h2{ line-height:150%; font-size:24px; }
.heading a{ }

.marketing, .support, .feature{}
.marketing h1, .support h1, .feature h1{
	text-align:center; font-size:40px; line-height:40px;
}
.marketing h1 small, .support h1 small, .feature h1 small{
	display:block; font-size:20px;
}


ul.sidebar{ border-radius: 4px 4px 4px 4px; list-style:none; padding-bottom:1px; margin:0;}
.sidebar li{ border: 1px solid #E5E5E5; display: block; margin: 0 0 -1px; padding: 8px 14px; }
.sidebar li.selected{ cursor:default; color:#999; }
.sidebar li.selected a:hover{ text-decoration:none; }


.pager{ padding-top:5px; }
.pager a{ padding:4px 10px; border: 1px solid #ddd; background: #fff; }
.pager a:hover{ background: none repeat scroll 0 0 #0099FF; border-color: #0099FF; color: #FFFFFF; }
.pager a.selected{ background:none; border:none; }

.pager.red a{ background:#EE4E4E; color:#fff; border:none;}
.pager.red a:hover, .pager.red a.selected{  background:#de1818;}

/*.pager.blue{ background:none !important;}
.pager.blue a{ background:#fff; border:#9AAFE5 solid 1px !important; color:#333 !important;}
.pager.blue a:hover, .pager.blue a.selected{  background:#2E6AB1; color:#fff;}*/

.pager.unstyled a{ border:none;}
.pager.unstyled a:hover, .pager.unstyled a.selected{ background:none; color:#333;}

.alert{ background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; padding:10px; }
.alert.error{ background-color: #F2DEDE !important; border-color: #EED3D7; color: #B94A48; }
.alert.success{ background-color: #DFF0D8 !important; border-color: #D6E9C6; color: #468847; }

.footbar{ background:#; margin:50px 0 0 0; border-bottom:#E9E9E9 solid 1px; border-top:#EAEAEA solid 1px; }
.footbar .head{ background:#; padding:5px; text-align:center; }
.footbar .body{ padding:20px 0; }
.footbar .three{ /*width:180px; display: inline; float: left; margin-left: 20px; padding:0 0 0 20px;*/ }
/*写法不兼容ie6,ie7*/
.footbar .three + .three { /*border-left: 1px solid #DDDDDD; */}
/*hack*/
.footbar .three li{ *margin-left:-15px; }
.footbar .three h2 ,.footbar .three ul{
	margin-left:20px;
}


/*美版风格*/
.usa ul, .usa ol{ font-size:11px; }
.hero{ background:#eee; padding:30px 60px; border-radius: 6px 6px 6px 6px; }
.hero h1{ font-size: 54px; }


/*幻灯片*/
.slider{
	background:#44BDFD; clear:both;
	background: #EDF7FC;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EDF7FC));
	background: -moz-linear-gradient(top,  #fff,  #EDF7FC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EDF7FC');
	border-bottom:#DBEFF9 solid 2px;
	position:relative;
	height:400px;
}
.slider .prev, .slider .next{
	font-size:100px; position:absolute; left:0; top:100px; /*background: #DBEFF9;*/ padding:30px 10px; color:#fff; cursor:pointer; text-shadow:#c0e2f4 1px 1px; font-family:sans-serif;
	  background: none repeat scroll 0 0 #222222; opacity:0.2;
}
.slider .prev:hover, .slider .next:hover{
	opacity:0.5;
}
.slider .next{
	right:0; left:auto;
}
.slider .inner{
	
}
.slider .inner .item{
	text-shadow:#fff 1px 1px; text-align:center; line-height:1; position:absolute; left:0; top:0; opacity:0; width:860px; left:50%; margin-left:-430px;
}
.slider .item.selected{ opacity:1;}
.slider h1{
	font-size:60px; margin-bottom:20px;
}
.slider h2{
	line-height:120%;
}
.slider .inner .item .button{
	padding:15px 20px;
}

.rotate:hover{
	transform: rotate(360deg);
	transition: all 1s ease-out 0s;
}


/*选项卡*/
.taber{ }
.taber .head{ border-left: 1px solid #E5E5E5; height:30px; }
.taber .head a{ border: 1px solid #E5E5E5; float:left; display:inline; padding:0px 20px; border-left:none; height:30px; line-height:30px; }
.taber .head a.selected{ border-bottom:none; }
.taber .body{ clear:both; padding:10px; }

.tooltip{ padding:10px; background:#000; position:absolute; z-index:1001; color:#fff; font-size:12px; -webkit-border-radius: 4px;   /*只支持webkit内核的浏览器*/ border-radius: 4px;  /*只支持IE内核的浏览器（IE>=7)*/ -moz-border-radius : 4px; /*只支持Mozilla内核的浏览器*/
filter:alpha(opacity=80); -moz-opacity:0.8;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.8; opacity: 0.8; 
}
.tooltip .arrow{ width:0; height:0; border-top:0px; border-bottom:9px solid #000; border-right:9px solid transparent; border-left:9px solid transparent; position:absolute; top:-9px; *top:-30px; left:10px; }

.spring{ background:#FFF8E2; color:#463714;  position: relative; z-index: 99; padding:8px 20px; box-shadow: 0 -2px 3px rgba(201, 175, 111, 0.2) inset; font-size:18px; line-height:1.5em; background:#F7CA01; text-shadow:#e7CA01 1px 1px;
}
.spring .wrapper{
	margin-top:0;
}
.spring del{ position: absolute; right: 20px; top: 10px; cursor:pointer; text-decoration:none;
 color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
	 }

/*仿苹果时间样式*/
.label.time{ background:#666; color:#fff; padding:2px 5px; margin:0 2px 0 2px; position:relative;
}
.label.time:before{ position:absolute; width:100%; height:1px; background:#fff; content:""; left:0; top:50%; }

/*弹窗*/
.popup{ width:600px; height:auto; overflow:hidden; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-200px; border:#ccc solid 1px; background:#fff; box-shadow:#333 0px 3px 7px; z-index:999; display:none;  -webkit-border-radius: 4px;   /*只支持webkit内核的浏览器*/ border-radius: 4px;  /*只支持IE内核的浏览器（IE>=7)*/ -moz-border-radius : 4px; /*只支持Mozilla内核的浏览器*/ }
.popup del{ display:block; position:absolute; right:20px; top:20px; width:20px; height:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:30px; text-shadow: 0 1px 0 #FFFFFF; cursor:pointer; color:#ccc;  }
.popup .head{ border-bottom:#eee solid 1px; padding:20px; font-size:20px; position:relative; }
.popup .body{ padding:20px; }
.popup .foot{ background:#f5f5f5; padding:10px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; text-align:right; -webkit-border-radius: 0 0 4px 4px;   /*只支持webkit内核的浏览器*/ border-radius: 0 0 4px 4px;  /*只支持IE内核的浏览器（IE>=7)*/ -moz-border-radius : 0 0 4px 4px; /*只支持Mozilla内核的浏览器*/ }



.progress{
	background-color: #F7F7F7; background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9); background-repeat: repeat-x; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;
}
.progress .bar{ 
	-moz-box-sizing: border-box; background-color: #0E90D2; background-image: linear-gradient(to bottom, #149BDF, #0480BE); background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0;
}
.progress.striped .bar { background-color: #149BDF; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px;
}
/*css3滚动效果*/
.progress.active .bar { animation: 2s linear 0s normal none infinite bar_; }
.progress.success .bar{
    background-color: #5EB95E; background-image: linear-gradient(to bottom, #62C462, #57A957); background-repeat: repeat-x;
}
.progress.warning .bar{
    background-color: #FAA732; background-image: linear-gradient(to bottom, #FBB450, #F89406); background-repeat: repeat-x;
}
.progress.danger .bar{
    background-color: #DD514C; background-image: linear-gradient(to bottom, #EE5F5B, #C43C35); background-repeat: repeat-x;
}

/*分割线*/
.partbar{
	background:#244668; padding:10px 0; color:#fff; text-align:center; position:relative;
}
.partbar .arrow{
	border-top:#244668 solid 10px; border-left:#fff solid 10px; border-right:#fff solid 10px; position:absolute; bottom:-10px; width:0; height:0; left:50%;
}


/*公共盒子模型*/
.box{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.box .head{ background: -moz-linear-gradient(center top , #FEFEFE, #F5F5F5) repeat-x scroll 0 0 #FAFAFA; border-bottom: 1px solid #D4D4D4; padding:10px 15px;
}
.box .body{ padding:15px; }
.box .foot{
}
	
/*广告*/
.banner{ background:#a3d2ff; }
.banner img{ float:left; display:inline; }

/*页面主体*/
.pagebody{ width:100%; height:auto; overflow:hidden; border:#CCC solid 1px; clear:both;}

.leftpage, .mainpage, .rightpage{ float:left; margin-right:10px; background:#fff; }

/*页面左侧*/ .leftpage{} /*页面右侧*/ .mainpage{} /* 页面右侧 */ .rightpage{} /* 列表模型 */ .list{} /*侧栏*/  .column{} /*登录条*/
.loginbar{} /*热点*/ .hot{} /*新闻*/ .news{} /*下载*/ .download{} /*子导航*/ .subnav{} /*菜单*/ .menu{} /*子菜单*/ .submenu{} /*搜索*/ .search{} 

/*友情链接*/ .friendlink{} /*版权*/ .copyright{} /*滚动*/ .scroll{} /*内容*/ .content{} /*标签页*/ .tab{} /*文章列表*/ .list{} /*提示信息*/ .msg{} /*小技巧*/ .tips{} /*栏目标题*/ .title{} /*加入*/ .joinus{} /*指南*/ .guild{} /*服务*/ .service{} /*注册*/ .regsiter{} /*状态*/ .status{} /*投票*/ .vote{} /*合作伙伴*/ .partner{}

 




/*图标*/
.icon{ width:36px !important; height:36px; float:left; background-position:center; background-repeat:no-repeat; /*background-color:white; */margin:0 2px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:text;  }
.icon:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;  }

/*百叶窗*/
.shutter{
	 margin: 0 auto;
    max-width: 1600px;
    overflow: hidden;
    position: relative; background:#f2f2f2;
}
.shutter .item{
	background:url(../imgs/shutter.jpg) no-repeat;
}
.shutter .text{
	    background: none repeat scroll 0 0 #E23300;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 1.4em 25px;
    width: 23.4375em; top:5%;
	
	pointer-events: none;
    position: absolute;
    width: 26em;
}
.shutter .text h3{
	font-size:1.9em;
}
.shutter .media{
	padding-bottom: 30%;
}
.shutter .status{
	text-align:right; font-size:30px;  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15); position:absolute; bottom:30px; left:0; width:100%;
}


/*分享栏*/
.sharebar{
	color:#fff; font-size:16px;
}
.sharebar h2{
	font-size:38px;
}
.sharebar .highlight{
	
}
.sharebar .highlight a{
	padding:1.75em; border: 1px solid transparent; background:#10537B; display:block; color:#fff;
}
.sharebar .highlight a:hover{
	background:#10537B;
}
.sharebar .highlight h3{
	font-size:24px;
}
.sharebar .highlight img{
	float:left; margin-right:24px;
}

/*二维码*/
/*.qrcode{
	position:fixed; bottom:30%; right:5px; width:100px; padding:10px; background:#EBEBEB;
}
.qrcode:hover{ background:#D5DFE8;}
.qrcode img{
	max-width:100%;
}*/

.current{ border: 1px solid #E5E5E5; padding:5px 10px;}
.current.unstyled{ border:none; padding:0;}

.label{background-color: #999999;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 13px;
    padding: 1px 4px 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    white-space: nowrap;}
	.label.success{background-color: #468847;}
	.label.warning{background-color: #F89406;}
	.label.error{background-color: #B94A48;}
	
	.well{ background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;}
	
	
	.page{}
	.page.gray{  background:#EDEDEB;}
	.page.black{background:#454D50;}
	.page.red{ background:#EE3728; color:#8C2018;} .page.red a{ color:#fff;}